<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/navbar.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/basic.css">
    <link rel="stylesheet" href="css/admins.css">
    <link rel="stylesheet" href="css/bottom-button.css">
    <link rel="stylesheet" href="css/button-list.css">
    <title>商家用户</title>
  </head>
  <body>
    <div class="nav">
      <div class="nav-head"><a href="#" class="logo"><img alt="logo" src="images/logo.png"></a>
        <ul class="clear navbar">
          <li class="fl setting"><a href="#" class="nav-title">系统管理</a>
            <dl class="hidden">
              <dt><span class="arrow"></span></dt>
              <dd><a href="#">管理员管理</a></dd>
              <dd><a href="#">权限组管理</a></dd>
            </dl>
          </li>
          <li class="fl user"><a href="#" class="nav-title">用户管理</a>
            <dl class="hidden">
              <dt><span class="arrow"></span></dt>
              <dd><a href="admins.html">管理员</a></dd>
              <dd><a href="business.html">商家用户</a></dd>
              <dd><a href="customer.html">普通用户</a></dd>
              <dd><a href="user-deleted.html">已封号用户</a></dd>
            </dl>
          </li>
          <li class="fl menu"><a href="#" class="nav-title">系统日记</a>
            <dl class="hidden">
              <dt><span class="arrow"></span></dt>
              <dd><a href="#">后台登陆日记</a></dd>
              <dd><a href="#">后台操作日记</a></dd>
            </dl>
          </li>
          <li class="fr"><a href="#" class="nav-title">刘廉生</a>
            <dl class="hidden">
              <dt><span class="arrow"></span></dt>
              <dd><a href="changepassword.html">修改密码</a></dd>
              <dd><a href="login.html">退出</a></dd>
            </dl>
          </li>
        </ul>
      </div>
    </div>
    <div class="main">
      <p class="topline"><a href="layout.html" class="active">首页</a><span>/</span><a href="#">用户管理</a><span>/</span><a href="#" class="active">商家用户</a></p>
      <div class="panel">
        <div class="panel-heading">商家用户</div>
        <div class="panel-body">
          <div class="vip-mes">
            <form action="#" method="get" name="search" class="search-box">
              <label for="user"><span>用户名：</span>
                <input type="text" id="user" name="user" class="user">
              </label>
              <label for="phonenumber"><span>手机： </span>
                <input type="text" id="phonenumber" name="phonenumber" class="phonenumber">
              </label>
              <label for="delete" class="lab">
                <input type="checkbox" id="checkbox" name="checkbox" class="checkbox"><span>已封号</span>
              </label>
              <input type="submit" value="搜索" class="search-button">
            </form>
            <table>
              <thead>
                <tr>
                  <td></td>
                  <td class="num">ID</td>
                  <td class="vipnum">用户名</td>
                  <td class="vipname">手机</td>
                  <td class="vipadr">状态</td>
                  <td class="time">操作</td>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td><input type='checkbox'></td>
                  <td>192.168.1.1</td>
                  <td>圣达菲分割线</td>
                  <td>18677256694</td>
                  <td>已封号</td>
                  <td><a href="#">解除封号</a><a href="#">修改</a></td>
                </tr>
                <tr>
                  <td><input type='checkbox'></td>
                  <td>192.168.1.1</td>
                  <td>圣达菲分割线</td>
                  <td>18677256694</td>
                  <td>正常</td>
                  <td><a href="#">封号</a><a href="#">修改 </a></td>
                </tr>
                <tr>
                  <td><input type='checkbox'></td>
                  <td> </td>
                  <td> </td>
                  <td> </td>
                  <td> </td>
                  <td><a href="#"> </a><a href="#"></a></td>
                </tr>
                <tr>
                  <td><input type='checkbox'></td>
                  <td> </td>
                  <td> </td>
                  <td> </td>
                  <td> </td>
                  <td><a href="#"> </a><a href="#"></a></td>
                </tr>
                <tr>
                  <td><input type='checkbox'></td>
                  <td> </td>
                  <td> </td>
                  <td> </td>
                  <td> </td>
                  <td><a href="#"> </a><a href="#"></a></td>
                </tr>
                <tr>
                  <td><input type='checkbox'></td>
                  <td> </td>
                  <td> </td>
                  <td> </td>
                  <td> </td>
                  <td><a href="#"> </a><a href="#"></a></td>
                </tr>
                <tr>
                  <td><input type='checkbox'></td>
                  <td> </td>
                  <td> </td>
                  <td> </td>
                  <td> </td>
                  <td><a href="#"> </a><a href="#"></a></td>
                </tr>
                <tr>
                  <td><input type='checkbox'></td>
                  <td> </td>
                  <td> </td>
                  <td> </td>
                  <td> </td>
                  <td><a href="#"> </a><a href="#"></a></td>
                </tr>
                <tr>
                  <td><input type='checkbox'></td>
                  <td> </td>
                  <td> </td>
                  <td> </td>
                  <td> </td>
                  <td><a href="#"> </a><a href="#"></a></td>
                </tr>
                <tr>
                  <td><input type='checkbox'></td>
                  <td> </td>
                  <td> </td>
                  <td> </td>
                  <td> </td>
                  <td><a href="#"> </a><a href="#"></a></td>
                </tr>
              </tbody>
            </table>
            <form class="check">
              <label for="all">
                <input type="checkbox" id="all" name="all" class="all"><span>全选</span>
              </label>
              <label for="output">
                <input type="checkbox" id="output" name="output" class="output"><span>导出excel</span>
              </label>
            </form>
            <div class="button-list">
              <button class="pre"><</button>
              <button class="now">1</button>
              <button>2</button>
              <button>3</button>
              <button>4</button>
              <button>5</button>
              <button class="ellipsis">...</button>
              <button class="next">></button><span>共100页，到第 <input type='text' class='go' placeholder="1" /> 页</span>
              <button class="conf-b">确定</button>
            </div>
            <form action="#" method="get">
              <input type="submit" value="取消封号" class="bottom-button">
              <input type="submit" value="取消管理员" class="bottom-button">
              <input type="submit" value="重置密码" class="bottom-button">
              <input type="submit" value="封号" class="bottom-button">
            </form>
          </div>
        </div>
      </div>
    </div>
    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
  </body>
</html>